/* 外部样式表：1.css编码集【外链去掉-】
            utf-8表示为 “utf8”
			注意:后面分号不能用中文输入法、不可以去掉
*/
@charset utf8;
/* 通配选择器：统一规划页面上的样式：文字、超链接、
               盒模型针对外边距【有部分元素存在外边距】
			   列表针对两个列表自带样式【去掉列表样式】
			   颜色...
*/
*{
	font-famliy:微软雅黑,sans-serif;
	text-decoration:none;
	list-style-type:none;
	margin:0;   /*哪些元素自带外边距？ h1、p、div、ul、li...*/
	padding:0;
	color:#333;
	}
	/* 给所有的div元素添加圆 300*300 文本垂直居中放大 */
	div{
		width:300px;
		height:300px;
		bor der:1px solid red;
		border-radius:50%;
		font-size:10em;
		text-align:center;
		line-height: 300px;
		/* 浮动float：
		none  默认不浮动
		left  左浮动   元素变成块元素，脱离文档流
		right 右浮动  元素变成块元素，脱离文档流，
		             按照顺序首元素靠右【列表元素内容颠倒】
		 */
		float:right;
	}
	.d1{
		background:#55ffff;
	}
	.d2{
		background:#ff5500;
	}
	.d3{
		background:#ffff00;
	}
	.d4{
		background:#ffaaff;
		/* 清除浮动 */
        clear:both;
		/* 外边距 */
        margin-right: 75%;
		margin-top: -300px;
	}